<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>

<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<div id="top">
<jsp:include page="/frontend/template/html/product/BreadCrumb.jsp" />
<jsp:include page="/frontend/template/html/product/FeaturedProduct.jsp" />
 </div>
<div id="bottom">
  <div class="search_list">
    <div class="header_bar"> Featured Vacation Rentals </div>
    <div class="book_sec">
   
      <jsp:include page="/frontend/template/html/product/FilterProduct.jsp" />
      <jsp:include page="/frontend/template/html/product/AreaNearProduct.jsp" />
    	<div class="lft_booking">
        <div class="book_title">Booking</div>
        <div class="spcl_txt"><a title="" href="#"><font color="#049383">florida beachfront rentals</font></a> <a title="" href="#"><font color="#1b87a4">thomas drive panama city beach</font></a> <a title="" href="#"><font color="#a9cc67">private pool florida</font></a> <a title=" " href="#"><font color="#5294ec">8 bedroom</font></a> <a title="" href="#"><font color="#759ebd">oceanfront rentals florida</font></a> <a title="" href="#"><font color="#ab340b">private pool</font></a> <a title="" href="#"><font color="#8281a3">8 bedroom florida</font></a> <a title="" href="#"><font color="#66d335">turnkey</font></a> <a title="" href="#"><font color="#b985d7">maine cottage</font></a> <a title="" href="#"><font color="#36cc68">maine oceanfront rentals</font></a> <a title="" href="#"><font color="#b15e65">10 bedroom</font></a> <a title="" href="#"><font color="#ae8414">secluded</font></a> <a title="" href="#"><font color="#77a6be">9 bedroom</font></a> <a title="" href="#"><font color="#c785d7">gulf front</font></a> <a title="" href="#"><font color="#c1e9d5">vrbo</font></a></div>
      </div>
    </div>
    <div class="rgt_search_list">
      <div class="book_title">
	  	<ul>
			<li class="selected"><a href="#">List View</a></li>
			<li><a href="#">Favourites</a></li>
		</ul>
	  </div>
      <div class="srch_result_sec">
       <jsp:include page="/frontend/template/html/product/FilterByLocation.jsp" />
         <s:iterator value="products" var= "product">
        <div class="ref_search_list">
          <div class="cop_bx">
            <ul>
              <li class="frst"><img src="images/love.png" alt="" /> Favourites <a href="#"><img src="images/arrow.png" alt="" border="0" /></a></li>
              <li class="sec">
                <input name="" type="checkbox" value="" />
                Compare </li>
            </ul>
          </div>
          <div class="ref_search_des">
            <div class="des">
              <div class="prop_img">
             
            	 <s:set name="img" value="#sku"/>
				<img src='<s:url value="/frontend/resources/product/%{#product.sku.replaceAll(' ','_')}/%{#product.sku.replaceAll(' ','_')}.jpg" />' alt="" height="120" width="122"/>
              
              </div>
              <div class="brief">
				<s:url id="productdetailId" action="productdetail">
				<s:param name="searchkey">${searchkey}</s:param>
				<s:param name="sku">${sku}</s:param>
				</s:url>
               <h1> <s:a href="%{productdetailId}"><s:property value="name"/></s:a></h1>
            		<s:set name="bedrooms" value="getProductAttribute(#product.uuid,'Bedrooms')"/>
             		<s:set name="bathrooms" value="getProductAttribute(#product.uuid,'Bathrooms')"/>
             		<s:set name="halfBathrooms" value="getProductAttribute(#product.uuid,'HalfBathrooms')"/>
             		<s:set name="sleeps" value="getProductAttribute(#product.uuid,'Sleeps')"/>
             		<s:set name="reviewCount" value="getProductReviewCount(#product.uuid)"/>
             		<s:set name="rating" value="getProductRating(#product.uuid)"/>
               <h2>
              		<s:if test="#bedrooms!=''">${bedrooms} Bedrooms</s:if>
              		<s:if test="#bathrooms!=''">,${bathrooms} Bathrooms</s:if>
             	    <s:if test="#halfBathrooms!=''">,${halfBathrooms} Half Bathroom</s:if>
              		<s:if test="#sleeps!=''">,${sleeps} Sleeps</s:if>
               </h2>
			  <h3><a href="#">Kissimmee Area </a> ><a href="#"> Reunion Vacation Rentals</a></h3>
                <div class="reviews">
                  <div class="review_text">
                    <div style="float: left;"><span class="highlight">${reviewCount}</span> Reviews</div><div class="rating-5"></div>
						${rating}
                    <div class="rating"></div>
                  </div>
                  <div class="property-text"><span class="listing-propertyid"><s:property value="sku"/></span></div>
                </div>
              </div>
             
            </div>
            <div class="price">
            <s:iterator value="price" var="pr">
          		 <div class="rates"><b>&#36;${pr.price}</b>&#32;${pr.priceType.priceType}</div>
         		 <div class="prop_redefine"><a href="#"><img src="images/prop_redef.png" alt="" border="0" /></a></div>
          	</s:iterator>
            </div>
          </div>
        </div>
        </s:iterator>
        
		<s:include value="/frontend/template/html/product/paging.jsp"></s:include>

        <div class="pagination"> <a href="#">&lsaquo;&lsaquo;</a> <a href="#">1</a> ... <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">6</a> <a href="#">7</a> <a href="#">8</a> <a href="#">9</a> <a href="#">&rsaquo;&rsaquo;</a> </div>
        <div class="refined_search_box">
          <div class="show"><span>Show</span>
            <select name="" class="show_dd">
              <option>Any</option>
            </select>
          </div>
          <div class="sort_prop_by"> <span>Sort Properties By:</span>
            <select name="" class="sort_dd">
              <option>Vacationmoves</option>
            </select>
          </div>
          <div class="compare_select"><a href="#">Compare Selected</a></div>
        </div>
        <div class="news_letter">
          <h5>News Letter Sign Up</h5>
          <p> Florida vacation rentals are in great demand as travelers flock to the Sunshine State to enjoy fun in the sun. </p>
          <p> Make Kissimmee or Orlando vacation rentals your family fun headquarters in Florida, while you visit Walt Disney World, SeaWorld Orlando, Universal Studios Florida and other area attractions. </p>
          <p> On the Florida Panhandle, enjoy pristine white sand beaches and emerald green water. The Panhandle begins in the west at Perdido Key and Pensacola Beach, extending along the Gulf of Mexico to Navarre Beach, Ft Walton Beach, Destin, the great Florida beaches of South Walton, Panama City Beach, Cape San Bias and St. George Island. There's plenty of sunshine here, but this area can be cool in winter. </p>
          <p>In Southwest Florida, Sanibel Island and Captiva Island captivate visitors with 15 miles of beautiful shelling beaches. Marco Island, the largest of Florida's Ten Thousand Islands, features rentals in Marco Island resorts, and on the beach, as well as sun-drenched white sand beaches, water sports and dolphin watching.</p>
          <p> The North Central Florida coastline is aptly-named "Big Bend" and is characterized by marsh, with a few secluded beach areas offering private Florida vacation rentals for those who want to get away from it all. Scenic spots include Lighthouse Point, Alligator Point and Shell Point. Further south, a few pristine beaches accessible only by boat are found within the Cedar Keys National Refuge. </p>
        </div>
      </div>
    </div>
  </div>
</div>